define([], () => {

  const Banner = {
    template: `
    <!--banner-->
    <div class="am-g">
      <div class="am-u-sm-12">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 am-padding-0">
          <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}' >
            <ul class="am-slides">
              <li>
                <a href="events_show.html"><img class="slide-img" src="./static/3.jpg"></a>
                <div class="am-slider-desc">当前大赛优秀作品1</div>
              </li>
              <li>
                <a href="events_show.html"><img class="slide-img" src="./static/3.jpg"></a>
                <div class="am-slider-desc">当前大赛优秀作品2</div>

              </li>
              <li>
                <a href="events_show.html"><img class="slide-img" src="./static/3.jpg"></a>
                <div class="am-slider-desc">当前大赛优秀作品3</div>

              </li>
              <li>
                <a href="events_show.html"><img class="slide-img" src="./static/3.jpg"></a>
                <div class="am-slider-desc">当前大赛优秀作品4</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="am-u-sm-0 am-u-md-0 am-u-lg-4 am-padding-right-0">
          <div class="star am-text-center"><span><img src="./static/star.png">荣誉榜</span></div>
          <ul class="padding-none am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay padding-none" data-am-gallery="{ pureview: true }" >
            <li>
              <div class="am-gallery-item">
                <a href="">
                  <img src="./static/q1q1.jpg" class="" alt="远方 有一个地方 那里种有我们的梦想"/>
                  <h3 class="am-gallery-title">获奖案例</h3>
                  <div class="am-gallery-desc">2018-09-26</div>
                </a>
              </div>
            </li>
            <li>
              <div class="am-gallery-item">
                <a href="">
                  <img src="./static/q1q1.jpg" class="" alt="远方 有一个地方 那里种有我们的梦想"/>
                  <h3 class="am-gallery-title">获奖案例</h3>
                  <div class="am-gallery-desc">2018-09-26</div>
                </a>
              </div>
            </li>
            <li>
              <div class="am-gallery-item">
                <a href="">
                  <img src="./static/q1q1.jpg" class="" alt="远方 有一个地方 那里种有我们的梦想"/>
                  <h3 class="am-gallery-title">获奖案例</h3>
                  <div class="am-gallery-desc">2018-09-26</div>
                </a>
              </div>
            </li>
            <li>
              <div class="am-gallery-item">
                <a href="">
                  <img src="./static/q1q1.jpg" class="" alt="远方 有一个地方 那里种有我们的梦想"/>
                  <h3 class="am-gallery-title">获奖案例</h3>
                  <div class="am-gallery-desc">2018-09-26</div>
                </a>
              </div>
            </li>
            <li>
              <div class="am-gallery-item">
                <a href="">
                  <img src="./static/q1q1.jpg" class="" alt="远方 有一个地方 那里种有我们的梦想"/>
                  <h3 class="am-gallery-title">获奖案例</h3>
                  <div class="am-gallery-desc">2018-09-26</div>
                </a>
              </div>
            </li>
            <li>
              <div class="am-gallery-item">
                <a href="">
                  <img src="./static/q1q1.jpg" class=""  alt="远方 有一个地方 那里种有我们的梦想"/>
                  <h3 class="am-gallery-title">获奖案例</h3>
                  <div class="am-gallery-desc">2018-09-26</div>
                </a>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    `.replace(/[\r\n]/g, ""),
    data() {
      return {
        name: 'Banner'
      }
    }
  }

  return Banner;
})
